<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />	
		<link rel="stylesheet" type="text/css" href="../css/details.css"/>
		<link rel="stylesheet" type="text/css" href="../css/base.css"/>
    	<link rel="stylesheet" type="text/css" href="../css/font/iconfont.css"/>
    	
		<script src="../js/zepto.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/balance.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/fontSize.js" type="text/javascript" charset="utf-8"></script>
		<title></title>
	</head>
	<body>
		
	<div class="balance">
		<header>
		    <span id="title">余额转换</span>
		    <i><a href="details.html" id="hd_fh" class="iconfont icon-fanhui"></a></i>
		</header>	
		
		<!--余额转换-->
		<div class="yue">
			<div class="yue_s">
				<span class="s_1">短</span>
				<p class="s_2">
					<span class="s_2_1">余额转换</span>
					<span class="s_2_2"><img src="../img/balance_03.png"/></span>
				</p>
				<span class="s_3">闪</span>
			</div>
			<div class="yue_x">
				<p>您仅可以将短信量转换为闪注量</p>
			</div>
		</div>
		
		<div class="content">
			<div class="con_1">
				<p>当前短信账户余额为：100条</p>
			</div>
			<div class="con_2">
				<span>短信量</span>
				<input type="text" placeholder="您最多可转换短信量100条" />
			</div>
			<div class="con_3">
				<span>闪注量</span>
				<input type="text" placeholder="0" />
			</div>
		</div>
		
		<div class="but">
			<input type="button" value="余额转换" />
		</div>
		
		<div class="mtk">
			<div class="cg">
				<p class="p1">余额转换成功!</p>
				<!--<input type="button" placeholder="确定" class="tiao" />-->
				<p class="tiao">确定</p>
			</div>
		</div>
	</div>		
		
		
	</body>
</html>
